﻿html,body{ margin:0; padding:0;border:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: 微软雅黑,sans-serif;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}
a{ color: #0B5E92}
a:hover{color: #102A48}
#desktop_head
{
    border: 1px solid #000000;
    color: #AEAEAE;
    height: 40px;
    left: 0;
    line-height: 40px;
    position:absolute;
    right: 0;
    text-shadow: 0 1px 0 #000000;
    top: 0;
    background: url(../images/logo.png) #efefef 5px center no-repeat;
}
#desktop_leftside
{
    background-color: #0B5E92;
    border-right: 1px solid #1B1B1B;
    bottom: 0;
    box-shadow: -5px 0 5px #404040 inset;
    left: 0;
    position: absolute;
    top: 42px;
    width: 240px;
    z-index: 3;
}
#desktop_content
{
    color: #6D6D6D;
    font-size: 12px;
    margin: 0 0 0 240px;
    position: relative;
    top:42px;
}
#desktop_navbar
{
    width: 100%;
    height: 30px;
    position: absolute;
    background: none repeat scroll 0 0 #0E87CC;
    border-bottom: 1px solid #B8D0D6;
}
#desktop_iframes
{
    width: 100%;
    position: absolute;
    margin: 30px 0 0 0;
}
#desktop_menutitle {
    height: 30px;
    line-height: 30px;
}
#desktop_menutitle h2 {
    height: 30px;
    line-height: 30px;
    background: #0B5E92;
    color: #FFF25D;
    font-size: 14px;
    margin: 0;
    padding: 0;    
    padding-left: 7px;
}

#desktop_menutitle a {
     background-image: url(../images/togglesidebar.png) ;
    background-position: 100% -47px;
    cursor: pointer;
    display: block;
    float: right;
    height: 25px;
    overflow: hidden;
    text-indent: -100px;
    width: 21px;
    position: absolute;
    top: 0;
    right: 0;
}
#desktop_menutitle a:hover {
    background-position: 100% -97px;
}
.leftsidetoggled {
    width: 23px!important;
}
.leftsidetoggled #desktop_menutitle h2,
.leftsidetoggled #desktop_menu {
    display: none;
}
.leftsidetoggled #desktop_menutitle a{
    background-position: -2px -147px;
}
.leftsidetoggled #desktop_menutitle a:hover{
    background-position: -2px -197px;
}
.desktop_contenttoggled {
    margin-left: 23px!important;
}
.remotereset{ cursor:pointer;vertical-align:middle}
/*form*/
.form{margin:10px;}
.fromitem{display:inline-block; *zoom:1;*display:inline;vertical-align:top}
.fromitem.p2{width:50%;}
.fromitem.p3{width:33%;}
.fromitem .warper{margin:5px;}
.fromitem .warper span{ line-height:30px;}/*display:inline-block; *zoom:1;*display:inline;*/
.fromitem .warper .name{min-width:30%; _width:30%;vertical-align:top;display:inline-block; *zoom:1;*display:inline; }
.fromitem .warper .content{max-width:65%;vertical-align:middle;display:inline-block; *zoom:1;*display:inline; }
.fromitem .warper .input{vertical-align:middle;max-width: 100%;}
.fromitem .warper .hint{color:Gray;line-height:30px;display:inline-block; *zoom:1;*display:inline; clear:both; font-size:smaller}

/*page*/
.actionbar {
    background: #e7ebee;
    padding:5px 0;
    text-align:right;
}
.actionbar .button{ margin-left:5px; margin-right:5px;    vertical-align: middle;}
/*common*/
.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.fl{ float: left;}
.fr{ float: right; }
.mask{position: fixed; _position: absolute;  left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.5;filter: Alpha(opacity=50);}

/*icon*/
.icon{ display:inline-block; *zoom:1;*display:inline; height:25px; width:25px; background: url("../images/icon.png") 0 25px no-repeat transparent}
.icon.folder{background-position:0 -70px;}
.icon.add{background-position:0 0;}
.icon.save{background: url("../images/icons/disk.png") 0 center no-repeat transparent}
.icon.delete{background-position:0 -25px;}
.icon.edit{background-position:0 -50px;}
.icon.up{background-position:0 -150px;}
.icon.down{background-position:0 -175px;}
.icon.query{background-position:0 -175px;}

/*button*/
.button{display:inline-block; *zoom:1;*display:inline; height:25px;width: auto;line-height: 25px;text-decoration: none;padding-left: 25px;padding-right: 5px; background: url("../images/icon.png")  #D3D3D3 0 25px no-repeat ;
        cursor:pointer;
        border:none;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.19), 1px 1px 1px rgba(255, 255, 255, 0.34) inset;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.22);
        transition: all 0.15s ease 0s;
}
.button:hover{ opacity:0.5;filter: Alpha(opacity=70); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), 0 0 2px rgba(0, 0, 0, 0.5) inset;}
.button:active {box-shadow: 0 0 3px rgba(0, 0, 0, 0.8) inset;}
.button.border{height:23px;line-height: 23px;border: 1px;}
.button.folder{background-position:0 -70px;}
.button.add{background: url("../images/icons/application_add.png") 5px center no-repeat transparent;background-color: #A5CD4E;}
.button.save{background: url("../images/icons/disk.png") 5px center no-repeat transparent;background-color:#70C9E3;}
.button.delete{background: url("../images/icons/application_delete.png") 5px center no-repeat transparent; background-color:  #FFAAAA ;}
.button.edit{background: url("../images/icons/application_edit.png") 5px center no-repeat transparent;background-color:  #FFFF66 ;}
.button.up{background-position:0 -150px;background-color:#70C9E3;}
.button.down{background-position:0 -175px;background-color:#70C9E3;}
.button.query{background: url("../images/icons/zoom.png") 5px center no-repeat transparent;background-color: #E7EBEE;}
.button.choose{background: url("../images/icons/accept.png") 5px center no-repeat transparent;background-color: #E7EBEE;}

.button.green {
    background-color: #A5CD4E;
    color: #3E5706;
}
.button.blue {
    background-color:#70C9E3;
    color: #19667D;
}
.button.red {
    background-color:  #FFAAAA ;
    color: #515151;
}
.button.yellow {
    background-color:  #FFFF66 ;
    color: #515151;
}
.button.gray {
    background-color:  #D3D3D3 ;
    color: #515151;
}

/* accordion */
.accordion .header {  background: url("../images/accordion.png") repeat-x scroll 0 0 #EAF4FF;height: 28px;}
.accordion .header .collapsable{margin:0; background:url("../images/accordion.png") scroll 100% -46px no-repeat; cursor:pointer;line-height:25px;height: 25px;}
.accordion .header .collapsable:hover{background-position: 100% -70px;}
.accordion .header span{ float: left;}
.accordion .header .text{ height:25px;line-height:25px; color:#ffffff}
.accordion .content{ margin:0; padding:0; overflow:hidden; overflow-y:auto; background:#353456}
.accordionexpand .header .collapsable{   background-position: 100% -96px; }
.accordionexpand .header .collapsable:hover{   background-position: 100% -121px; }
.accordionexpand .content{ background:#e7ebee; color:#ffffff}


/* Tree */
.tree li { clear:both; display:block; line-height:22px; cursor:pointer;}
.tree div, .tree a, .tree span { display:inherit; height:25px; line-height:25px;}
.tree div { display:block; overflow:hidden;}
.tree div div { float:left; display:block; overflow:hidden; width:22px; height:22px; border:none; background-position:0 -100px;}
.tree a, .tree a:hover { text-decoration:none;}

.tree .collapsable { background-position:0 -300px;}
.tree .first_collapsable { background-position:0 -250px;}
.tree .last_collapsable { background-position:0 -350px;}

.tree .expandable { background-position:0 -100px;}

.tree .first_expandable { background-position:0 -50px;}
.tree .last_expandable { background-position:0 -150px;}
.tree .end_expandable { background-position:0 0;}
.tree .end_collapsable { background-position:0 -200px;}

.tree .indent { background:none;}
.tree .line { background-position:0 -400px;}
.tree .node { background-position:0 -450px;}
.tree .last .node { background-position:0 -500px;}

.tree .folder_expandable { background-position:0 0;}
.tree .folder_collapsable { background-position:0 -50px;}
.tree .file { background-position:0 -100px;}

.tree .unchecked { background-position:0 0;}
.tree .hover .unchecked { background-position:0 -50px;}
.tree .checked { background-position:0 -100px;}
.tree .hover .checked { background-position:0 -150px;}
.tree .indeterminate { background-position:0 -200px;}
.tree .hover .indeterminate { background-position:0 -250px;}

.tree div div { background-image:url(../images/tree.png);}
.tree .folder_collapsable, .tree .folder_expandable, .tree .file { background-image:url(../images/tree.folder.png);}
.tree .checked, .tree .unchecked, .tree .indeterminate { background-image:url(../images/tree.check.png);}

.tree li a, .tree li span { /*color:#535353;*/}
.tree .hover { background:#fdc883;}
.tree .selected { background-color:#f29a33;}


/* tabpanel */
.tabpanel .content{background:#FFFFFF;overflow:auto}
.tabpanel .header{ border-bottom:1px solid #B8D0D6; background: none repeat scroll 0 0 #0e87cc;}
.tabpanel .header .nav{ height:30px; float:left; position:relative; overflow:hidden;}
.tabpanel .header .nav ul{ position:absolute; height:30px;}
.tabpanel .header .nav ul li{background: url("../images/tab.2.gif") repeat-x  transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    margin: 7px 2px 0;
    position: relative;}
.tabpanel .header .nav ul li.selected,.tabpanel .header .nav ul li.selected:hover
{
    background: url("../images/tab.5.gif") repeat-x  transparent;
    }
.tabpanel .header .nav ul li:hover{
    background: url("../images/tab.5.gif") repeat-x  transparent;}
.tabpanel .header .nav ul li a 
{
    background: url("../images/tab.1.gif") no-repeat scroll 0 0 transparent;
    
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    color: #183152;
    padding-left: 5px;
     text-decoration:none; }
.tabpanel .header .nav ul li.selected a,.tabpanel .header .nav ul li.selected:hover a 
{
    text-decoration:none; font-weight: bold;
    
    background: url("../images/tab.4.gif") no-repeat scroll 0 0 transparent;
    }
.tabpanel .header .nav ul li:hover a{
    background: url("../images/tab.4.gif") no-repeat scroll 0 0 transparent;}
.tabpanel .header .nav ul li a span
{
    background: url("../images/tab.3.gif") no-repeat scroll  right 0 transparent;
    
    cursor: pointer;
    display: block;
    float: left;
    height: 24px;
    line-height: 21px;
    overflow: hidden;
    padding: 2px 20px 0 3px;
    }
.tabpanel .header .nav ul li:hover a span{
    background: url("../images/tab.6.gif") no-repeat scroll  right 0 transparent;}
.tabpanel .header .nav ul li.selected a span{
    background: url("../images/tab.6.gif") no-repeat scroll  right 0 transparent; color:#FFFFFF}
.tabpanel .header .nav ul li .close,
.tabpanel .header .nav ul li.selected  .close,
.tabpanel .header .nav ul li:hover .close,
.tabpanel .header .nav ul li.selected:hover  .close{background: url("../images/tab.close1.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 5px;
    text-indent: -1000px;
    top: 7px;
    width: 11px;}
.tabpanel .header .nav ul li.selected  .close,
.tabpanel .header .nav ul li:hover .close,
.tabpanel .header .nav ul li.selected:hover  .close{background: url("../images/tab.close2.gif") no-repeat scroll 0 0 transparent;}

.tabpanel .header .left{background: url("../images/tab.control.png") no-repeat scroll 0 1px transparent; height:25px; float:left; cursor:pointer;margin-top: 5px;}
.tabpanel .header .right{background: url("../images/tab.control.png") no-repeat scroll 0 -149px transparent;height:25px; float:left; cursor:pointer;margin-top: 5px;}
.tabpanel .header .left:hover{background-position:0 -49px;}
.tabpanel .header .right:hover{background-position:0 -199px;}


/*  alert  */
.alert {
    display: block;
    left: 50%;
    margin-left: -150px;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 300px;
}


.alert .alertcontent {
    border-style: solid;
    border-width: 0 1px;
    display: block;
    overflow: hidden;
    padding: 5px 5px 1px;
    background: none repeat scroll 0 0 #EEF4F5;
    border-color: #B8D0D6;
}

.alert .alertinner {
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 0 9px 9px;
    text-align: left;
}

.alert h1 {
    border-style: solid;
    border-width: 0 0 1px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 25px;
    background: url("../images/alert.panel.icon.png") no-repeat scroll 0 0 transparent;
    border-color: #CCCCCC;
}

.alert .alertinner .msg {
    line-height: 1.3em;
    margin: 10px;
    max-height: 200px;
    overflow: auto;
}

.alert .toolbar {
    display: block;
    height: 25px;
    overflow: hidden;
    padding-top: 5px;
    text-align: right;
}
.alert .toolbar ul {
    float: right;
}
.alert .toolbar li {
    float: left;
}
.alert .alertfooter, .alert .alertfooter_r, .alert .alertfooter_c {
    background: url("../images/alert.panel.png") no-repeat scroll 0 0 transparent;
}
.alert .alertfooter {
    background-position: 0 0;
    padding-left: 5px;
}
.alert .alertfooter_r {
    background-position: 100% -50px;
    padding-right: 5px;
}

.alert .alertfooter_c {
    background-position: 0 -101px;
    background-repeat: repeat-x;
    padding: 0;
    display: block;
    height: 4px;
    overflow: hidden;
}



.alert .error .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #E50000;}
.alert .error h1 {    background-position: 2px -42px;}

.alert .info .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #B8D0D6;}
.alert .info h1 {    background-position: 2px 8px;}

.alert .warn .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #E83E09;}
.alert .warn h1 {    background-position: 2px 8px;}



/* resizable */

.resizeable .rtl, .resizable .rtr, .resizable .rbl,
.resizeable .rbr, .resizable .rt,
.resizeable .rb, .resizable .rl, .resizable .rr { display:block; overflow:hidden;}
.resizeable .rtl {width:6px; height:6px;  cursor:nw-resize; top:0; left:0; z-index:2;position:absolute;}
.resizeable .rtr {width:6px; height:6px;  cursor:ne-resize; top:0; right:0; z-index:2;position:absolute;}
.resizeable .rt { width:100%; height:6px; cursor:n-resize; top:0; left:0; z-index:1;position:absolute;}
.resizeable .rl { cursor:w-resize; top:0; left:0; z-index:1;width:6px; height:100%;position:absolute;}
.resizeable .rr { cursor:e-resize; top:0; right:0; z-index:1; width:6px;  height:100%;position:absolute;}
.resizeable .rbl {width:6px; height:6px;  cursor:sw-resize; bottom:0; left:0; z-index:2;position:absolute;}
.resizeable .rbr {width:6px; height:6px;  cursor:se-resize; bottom:0; right:0; z-index:2;position:absolute;}
.resizeable .rb { width:100%;height:6px;  cursor:s-resize; bottom:0; left:0; z-index:1;position:absolute;}
.resizehelper{  position: absolute; left:0; top:0; border:1px dashed #B8D0D6}

/* dialog */

.dialog .header {
    cursor: move;
    padding-left: 5px;
    position: relative;
    display: block;
    height: 28px;
    overflow: hidden;
    background: url("../images/dialog.panel.png") no-repeat scroll 0 0 transparent;
}

.dialog  .header .dhr {
    background: url("../images/dialog.panel.png") no-repeat scroll 100% -50px transparent;
    padding-right: 5px;
    display: block;
    height: 28px;
    overflow: hidden;
}


.dialog  .header .dhc {
    background: url("../images/dialog.panel.png") repeat-x scroll 0 -100px transparent;
    padding: 0;
    display: block;
    height: 28px;
    overflow: hidden;
}

.dialog .header .close, 
.dialog .header .maximize, 
.dialog .header .restore, 
.dialog .header .minimize
{
    background: url("../images/dialog.panel.icon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 5px;
    width: 19px;
}

.dialog .header .close {    background-position: 0 0;    right: 4px;}
.dialog .header .close:hover {    background-position: 0 -50px;    right: 4px;}
.dialog .header .maximize {    background-position: 0 -100px;    right: 23px;}
.dialog .header .maximize:hover {    background-position: 0 -150px;}
.dialog .header .restore {    background-position: 0 -200px;    display: none;    right: 23px;}
.dialog .header .restore:hover{ background-position: 0 -250px; }
.dialog .header .minimize {    background-position: 0 -300px;    right: 42px;}
.dialog .header .minimize:hover{background-position: 0 -350px;}
.dialog .header h1 
{
    background: url("../images/dialog.panel.icon.png") no-repeat scroll 0 -450px transparent;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 5px 0 20px;
}

.dialog .content {
    border-style: solid;
    border-width: 0 1px;
    display: block;
    overflow: hidden;
    padding: 0px 1px;
    background: none repeat scroll 0 0 #EEF4F5;
    border-color: #B8D0D6;
}
.dialog .contentwarp{ height:100%;}
.dialog .contentwarp form{width:100%; height:100%;}
.dialog .footer {
    padding-left: 5px;
    background: url("../images/dialog.panel.png") no-repeat scroll  0 -150px transparent;
}

.dialog .footer .dfr {
    background: url("../images/dialog.panel.png") no-repeat scroll  100% -200px transparent;
    padding-right: 5px;
}

.dialog .footer .dfc {
    background: url("../images/dialog.panel.png") repeat-x scroll 0 -250px transparent;
    padding: 0;
    display: block;
    height: 5px;
    overflow: hidden;
}